@media screen and (max-width: 575px) {
  .login_header {
    font-size: 25px;
  }
  .monitor_header {
    font-size: 12px;
  }
  section .login {
    flex-direction: column;
    display: block;
  }
  section .login .login_left {
    display: none;
  }
  section .login .login_right {
    flex: none;
  }
  #main {
    overflow: auto;
  }
  #main .header {
    display: block;
  }
  #main .header .left_menu {
    display: none;
  }
  #main .header .right_menu {
    display: none;
  }
  #main .monitor .monitor_left div .water_polo .right .text {
    display: none;
  }
  #main .monitor .monitor_center .monitor_map {
    height: 300px;
    margin: 15px 0 15px 0;
  }
  #main .monitor .monitor_center .monitor_video {
    height: 180px;
  }
  #main .monitor_div1 {
    padding: 30px;
    height: 180px;
  }
  #main .register .register_form {
    width: 300px;
  }
  #drawerIcon {
    display: block;
  }
}
@media screen and (min-width: 576px) {
  .monitor_header {
    font-size: 25px;
  }
  #main {
    overflow: auto;
  }
  #main .monitor .monitor_center .monitor_map {
    height: 300px;
    margin: 15px 0 15px 0;
  }
  #main .monitor .monitor_center .monitor_video {
    height: 180px;
  }
  #main .monitor_div1 {
    padding: 30px;
    height: 180px;
  }
  #drawerIcon {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .monitor_header {
    font-size: 25px;
  }
  #main {
    overflow: auto;
  }
  #main .monitor .monitor_center .monitor_map {
    height: 70%;
    margin: 15px 0 15px 0;
  }
  #main .monitor .monitor_center .monitor_video {
    height: 28%;
  }
  #main .monitor_div1 {
    padding: 25px;
    height: 30%;
  }
  #drawerIcon {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .monitor_header {
    font-size: 28px;
  }
  #main {
    overflow: auto;
  }
  #main .monitor .monitor_center .monitor_map {
    height: 70%;
    margin: 15px 0 15px 0;
  }
  #main .monitor .monitor_center .monitor_video {
    height: 28%;
  }
  #main .monitor_div1 {
    padding: 30px;
    height: 30%;
  }
  #drawerIcon {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .monitor_header {
    font-size: 28px;
  }
  #main {
    overflow: auto;
  }
  #main .monitor .monitor_center .monitor_map {
    height: 70%;
    margin: 15px 0 15px 0;
  }
  #main .monitor .monitor_center .monitor_video {
    height: 28%;
  }
  #main .monitor_div1 {
    padding: 30px;
    height: 30%;
  }
  #drawerIcon {
    display: none;
  }
}
